<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<link rel="stylesheet" href="css/safe/css.css" />
<link rel="stylesheet" href="css/safe/common.min.css" />
<link rel="stylesheet" href="css/safe/ms-style.min.css" />
<link rel="stylesheet" href="css/safe/personal_member.min.css" />
<link rel="stylesheet" href="css/safe/Snaddress.min.css" />
<link rel="stylesheet" href="css/sui.css" />
<!-- <link rel="stylesheet" href="css/dhl.css"/> -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/sui.js"></script>
<style>
body {

	background: #f5f5f5;
}

.sui-table th {
	padding: 16px 8px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #e6e6e6;
	font-weight: normal;
	font-size: 14px;
	color: #333333;
}

.sui-table td {
	padding: 16px 8px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #e6e6e6;
	font-weight: normal;
	font-size: 12px;
	color: #333333;
}

img {
	max-width: 100%;
	height: auto;
	/*vertical-align: bottom;*/
	border: 0;
	-ms-interpolation-mode: bicubic;
	margin-left: -10px;
}

a {
	color: #000000;
}

</style>

</head>
<body>
<header class="main-header header-style-one" >
 <!--上导航-->
        <div class="header-upper">
            <div class="inner-container clearfix">
                <!--Logo-->
                <div class="logo-box">
                    <div class="logo"><a href="index.html" title="Hotera - Hotel and Restaurant HTML Template"><img src="images/logo.png" style="width: 120px;height: 48px;margin-top: 10px" alt="Hotera - Hotel and Restaurant HTML Template" title="Hotera - Hotel and Restaurant HTML Template"></a></div>
                </div>
                <div class="nav-outer clearfix">
                    <!--Mobile Navigation Toggler-->
                     <div class="mobile-nav-toggler"><span class="icon flaticon-menu-2"></span><span class="txt">Menu</span></div>

                    <!-- Main Menu -->
                    <nav class="main-menu navbar-expand-md navbar-light">
                        <div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
                            <ul class="navigation clearfix">
                                <li class="current dropdown"><a href="index.jsp">首页</a>                             
                                </li>                          
                                <li  class="dropdown"><a href="room.jsp">住宿</a>                   
                                </li>
                                <li  class="dropdown"><a href="#">客服中心</a>
                                </li>                              
                            </ul>
                        </div>
                    </nav>
                </div>

                <div class="other-links clearfix">
                    <div class="info">
                        <ul class="clearfix">
                            <li><a href="login.jsp"><span class="icon flaticon-padlock"></span><span class="txt">Login</span></a></li>
                            <li><a href="#"><span class="icon flaticon-smartphone-2"></span><span class="txt">+086 198 7307 744</span></a></li>
                        </ul>
                    </div>
                    <div class="link-box">
                        <a href="index.jsp" class="theme-btn btn-style-one" ><span class="btn-title">首页</span></a>
                    </div>
                </div>

            </div>
        </div>
        <!--End上导航-->
        </header>
	<article class="ms-useinfo" >
		<div class="header-useinfo" id="">
			
		</div>

	</article>

	<div id="ms-center" class="personal-member" style="margin-top: 130px">
		<div class="cont">
			<div class="cont-side">
				<div class="side-neck" style="margin-top: 20px;">
					<i></i>
				</div>
				<div class="ms-side" style="margin-top: 20px;">
					<article class="side-menu side-menu-off">
						<dl class="side-menu-tree" style="padding-left: 50px;">
							
							<dt>
								<img src="img/左侧/我的购物车.png"
									style="margin-right: 10px; margin-left: -20px;" />订单管理
							</dt>
							<dd>
								<a href="b.jsp">旅游订单</a>

							</dd>
							<dd>
								<a>住宿订单</a>

							</dd>
							<dd>
								<a>出行订单</a>

							</dd>
							<dd>
								<a>我的收藏</a>

							</dd>
							
							<dt>
								<img src="img/左侧/我的买啦.png"
									style="margin-right: 10px; margin-left: -20px;" />个人资产
							</dt>
							<dd>
								<a>现金账户</a>

							</dd>
							<dd>
								<a>优惠券</a>

							</dd>
							<dd>
								<a>银行卡</a>

							</dd>
							
							<dt>
								<img src="img/左侧/file.png"
									style="margin-right: 10px; margin-left: -20px;" />个人信息
							</dt>
							
							<dd>
								<a>个人资料</a>

							</dd>
							<dd>
								<a>安全设置</a>

							</dd>
							<dd>
								<a>密码设置</a>

							</dd>
							<dt>
								<img src="img/左侧/v-card-3.png"
									style="margin-right: 10px; margin-left: -20px;" />售后服务
							</dt>
							<dd>
								<a>我的点评</a>

							</dd>
							<dd>
								<a>意见/投诉</a>

							</dd>
						</dl>

						<a ison="on" class="switch-side-menu icon-up-side"><i></i></a>
					</article>
				</div>
			</div>
			<div class="cont-main">
				<div class="main-wrap mt15" style="border: 0px;background: #f5f5f5;" >
					<!--<h3>
	                        <strong>我的会员等级</strong>
	                    </h3>-->
					<div class="server-wrapper">
						<div class="server-tab" style="margin-top: 26px;">
							<div
								style="float: left; vertical-align: bottom; text-align: center;">
								<div
									style="width: 700px; padding: 10px; float: left; background-color: #fff; height: 250px;">
									<div
										style="float: left; width: 200px; height: 200px; border: 1px #ccc solid; box-shadow: 1px 1px 1px #F5F5F5; padding: 5px;">
										<div
											style="width: 100%; height: 100%; border: 1px #F2873B dashed;">
											<span
												style="font-size: 18px; color: #686868; font-weight: bold; display: block; display: block; width: 100px; margin-left: 40px; margin-top: 20px;">2021年6月</span>
											<span
												style="font-size: 36px; color: #F88600; display: block; display: block; width: 100px; margin-left: 40px; margin-top: 40px;">12</span>
											
										</div>
									</div>

									<div
										style="float: left; width: 200px; height: 200px;; margin-left: 20px; border: 1px #ccc solid; box-shadow: 1px 1px 1px #F5F5F5; padding: 5px;">
										<div
											style="width: 100%; height: 100%; border: 1px #F2873B dashed;">
											<span
												style="font-size: 18px; color: #686868; font-weight: bold; display: block; display: block; width: 100px; margin-left: 45px; margin-bottom: 20px; margin-top: 20px;">我的资产</span>
											
											
										</div>
									</div>

									<div
										style="float: left; width: 200px; height: 200px; margin-left: 20px; border: 1px #ccc solid; box-shadow: 1px 1px 1px #F5F5F5; padding: 5px;">
										<div
											style="width: 100%; height: 100%; border: 1px #F2873B dashed;">
											<span
												style="font-size: 18px; color: #686868; font-weight: bold; display: block; display: block; width: 100px; margin-left: 45px; margin-top: 20px; margin-bottom: 20px;">我的订单</span>
											
											
										</div>
									</div>

									
									<div
										style="position: absolute; margin-top: 230px; font-size: 14px; color: #686868; float: left;">
										
									</div>
								</div>


								<!--
                                	作者：右侧
                                	时间：2016-05-24
                                	描述：
                                -->
								<div
									style="float: left; width: 250px; height: 152px; margin-left: 20px;">
									
									<div
										style="background-color: #fff; margin-top: 10px; height: 300px; padding: 10px;">
										<p style="font-size: 16px; text-align: left;">我的优惠券</p>
										<img src="img/个人中心/组-15.png" /> <img src="img/个人中心/组-14.png"
											style="margin-top: 20px;" />
										<p style="margin-top: 30px; font-size: 14px; color: #686868;">
											全部优惠券(<font color="red">96</font>)
										</p>
									</div>

									<div
										style="background-color: #fff; margin-top: 10px; height: 200px; padding: 10px;">
										<p style="font-size: 20px; text-align: left;">收藏的商品</p>
										<img src="img/个人中心/形状-1.png" style="margin-top: 20px;" />
										<p style="margin-top: 30px; font-size: 14px; color: #686868;">
											您的收藏空空的，赶紧<br /> 去首页看看购物吧
										</p>
									</div>

									<div style="margin-top: 10px; height: 300px; padding: 10px;">

									</div>



								</div>

								<!--右侧---end------->

								<div
									style="width: 700px; padding: 10px; display: inline-block; float: left; margin-top: 20px; background-color: #fff;">
									<div style="border-bottom: 1px #ccc solid;">
										<p style="font-size: 20px; text-align: left;">我的订单</p>
									</div>
									<div
										style="padding: 20px 20px; border-bottom: 1px #F5F5F5 solid; height: 5px;">
									</div>
									<div style="float: left; ">
								 		<div style="background-image: url(img/zysp01.png);width: 226px;height: 288px;">
								 			
								 		    <span style="font-size: 40px;color: #fff;margin-top: 50px;display: block;position: absolute;margin-left: 120px;">￥50</span>
								 		    <dl style="color: #fff;font-size: 12px;position: absolute;margin-top:100px;margin-left: 20px;">使用条件：满40.00</dl>
								 		     <dl style="color: #fff;font-size: 12px;position: absolute;margin-top:120px;margin-left: 20px;">有效时间：2016.04.15至2016.04.28</dl>
								 		      <dl style="color: #fff;font-size: 12px;position: absolute;margin-top:140px;margin-left: 20px;">平台限制：买啦客户端</dl>
								 		     
								 		    <dl style="color: #686868;font-size: 12px;position: absolute;margin-top:180px;margin-left: 20px;">券号：6066689898988989898
								 		    <dl style="color: #686868;font-size: 12px;position: absolute;;">商家：买啦网自营及商家
								 		    <span style="border: 1px #81cccd solid;color: #81cccd;padding: 2px;display: block;text-align: center;margin-left: 40px;margin-top: 10px;">立即使用</span>
								 		</dl></dl></div>
								 		<img src="img/矢量智能对象-拷贝-2.png" style="margin-left: 80px;">
							<font style="font-size:16px;color:#AAAAAA;margin-left: 5px; ">|</font>
							<img src="img/trash-拷贝.png" style="margin-left: 5px;">
								 	</div>
									<div style="float: left; ">
								 		<div style="background-image: url(img/zysp01.png);width: 226px;height: 288px;">
								 			
								 		    <span style="font-size: 40px;color: #fff;margin-top: 50px;display: block;position: absolute;margin-left: 120px;">￥50</span>
								 		    <dl style="color: #fff;font-size: 12px;position: absolute;margin-top:100px;margin-left: 20px;">使用条件：满40.00</dl>
								 		     <dl style="color: #fff;font-size: 12px;position: absolute;margin-top:120px;margin-left: 20px;">有效时间：2016.04.15至2016.04.28</dl>
								 		      <dl style="color: #fff;font-size: 12px;position: absolute;margin-top:140px;margin-left: 20px;">平台限制：买啦客户端</dl>
								 		     
								 		    <dl style="color: #686868;font-size: 12px;position: absolute;margin-top:180px;margin-left: 20px;">券号：6066689898988989898
								 		    <dl style="color: #686868;font-size: 12px;position: absolute;;">商家：买啦网自营及商家
								 		    <span style="border: 1px #81cccd solid;color: #81cccd;padding: 2px;display: block;text-align: center;margin-left: 40px;margin-top: 10px;">立即使用</span>
								 		</dl></dl></div>
								 		<img src="img/矢量智能对象-拷贝-2.png" style="margin-left: 80px;">
							<font style="font-size:16px;color:#AAAAAA;margin-left: 5px; ">|</font>
							<img src="img/trash-拷贝.png" style="margin-left: 5px;">
								 	</div>
								 	<div style="float: left; ">
								 		<div style="background-image: url(img/zysp01.png);width: 226px;height: 288px;">
								 			
								 		    <span style="font-size: 40px;color: #fff;margin-top: 50px;display: block;position: absolute;margin-left: 120px;">￥50</span>
								 		    <dl style="color: #fff;font-size: 12px;position: absolute;margin-top:100px;margin-left: 20px;">使用条件：满40.00</dl>
								 		     <dl style="color: #fff;font-size: 12px;position: absolute;margin-top:120px;margin-left: 20px;">有效时间：2016.04.15至2016.04.28</dl>
								 		      <dl style="color: #fff;font-size: 12px;position: absolute;margin-top:140px;margin-left: 20px;">平台限制：买啦客户端</dl>
								 		     
								 		    <dl style="color: #686868;font-size: 12px;position: absolute;margin-top:180px;margin-left: 20px;">券号：6066689898988989898
								 		    <dl style="color: #686868;font-size: 12px;position: absolute;;">商家：买啦网自营及商家
								 		    <span style="border: 1px #81cccd solid;color: #81cccd;padding: 2px;display: block;text-align: center;margin-left: 40px;margin-top: 10px;">立即使用</span>
								 		</dl></dl></div>
								 		<img src="img/矢量智能对象-拷贝-2.png" style="margin-left: 80px;">
							<font style="font-size:16px;color:#AAAAAA;margin-left: 5px; ">|</font>
							<img src="img/trash-拷贝.png" style="margin-left: 5px;">
								 	</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</body>
</html>